@charset "UTF-8";
@import "../../base/_common";

//活动标签
.product-lab{
	position:absolute;
	top:20px;
	right:12px;
	font-size:0px;

	a{
		display:inline-block;
		min-width:50px;
		padding:0px 8px;
		height:20px;
		line-height:20px;
		text-align:center;
		border:1px solid $color-border-1;
		font-size:12px;
		margin-left:6px;

		i{
			font-family: simsun;
			font-style: normal;
			padding:0px 0px 0px 5px;
		}
	}
	a:hover{
		text-decoration:none;
		border:1px solid $color-border-hover;
	}
}

//88节入口
@import "_gift88";

//买车流程
.buycar-process .title-gray{
	margin:26px 0 22px 0;
	a{
		text-decoration: underline;
	}
}
.buycar-steps{
	margin-left:49px;
	li{
		display: inline;
		float: left;
		vertical-align: bottom;
		text-align: center;
		em{
			padding-top:10px;
			font-size: 14px;
			color:$color-gray-3;
		}
		&.arrow{
			padding:38px 90px 0 90px;
		}
	}
}
//详情
.car-info-list{
	margin-top:40px;
	position:relative;
	z-index:2;
	.car-info-side {
		float: left;
		width: 238px;
		.side-title {
			line-height: 38px;
			width: 236px;
			background-color: #f5f5f5;
			border: 1px solid #e5e5e5;
			text-align: center;
			font-size: 18px;
		}
		li {
			border: 1px solid #e5e5e5;
			border-top: none;
			dl.car-detail3 {
				width: auto;
				.info-box {
					padding-bottom: 0;
				}
				.caption-box {
					color: #999999;
					border-top: none;
					height: 19px;
					line-height: 19px;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
			}
		}
	}
	.car-info-main {
		float: right;
		width: 942px;
		.car-info-comment {

		}
	}
}
.car-info-tabs{
	width:942px;
	height:39px;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:14px;
	position:relative;
	z-index:20;
	background:#fff;
	li{
		display: inline;
		float: left;

		&.cur{
			position:relative;
			margin:0;
			z-index: 10;
			border-top:3px solid $color-blue-1;
			border-bottom:2px solid #fff;
			background-color:#fff;
			color:$color-blue-1;
			height:36px;
		}
		a{
			color:$color-gray-1;
			&:hover{
				color:$color-orange-1;
			}
		}
	}
	.fixed-tab{
		width:164px;
		height:38px;
		line-height:38px;
		text-align:center;
		background-color:#f5f5f5;
		border-top:1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		color:#000;
		cursor: pointer;
	}
	.tab-btn{
		float: right;
		margin:0;
		padding:7px 0;
		height: 0;
    	background: none;
    	border: 0;
	}
	%btn-submit{
		width: 172px;
		height: 30px;
		background: $color-blue-1;
		border: none;
		outline: none;
		border-radius: 4px;
		font-size: 14px;
		color: #fff;
		span{
			font-size: 12px;
		}
	}
	.btn-submit{
		@extend %btn-submit;
		cursor:pointer;
		background: $color-blue-1;

	}
	.btn-submit-notstart,.btn-submit-sellout{
		@extend %btn-submit;
		cursor:default;
		background: $color-gray-3;
	}

	%tab-right{
		float: right;
		margin:0;
		position:relative;
	}
	%icon{
		width:30px;
		height:30px;
		display: block;
		position:absolute;
		left:0;
		top:2px;
	}
	.tab-service{
		@extend %tab-right;
		padding:1px 14px;
		height:28px;
		line-height: 28px;
		text-align: center;
		border:1px solid $color-orange-1;
		color:$color-orange-1;
		border-radius: 5px;
		margin:0 19px;
		cursor:pointer;
	}
	.tab-phone{
		@extend %tab-right;
		padding:12px 18px 1px 33px;
		border-right: 1px solid #ccc;
		height:30px;
		line-height: 30px;
    	border: 0;
		i{
			width:16px;
			height:16px;
			float:left;
			margin:7px 6px 0 12px;
			//background:url(#{$imgurl-base}/mall/detail/icon-phone-2.png) no-repeat;
			@include iconItemNoSize($iconsDetail,"icon-phone-2-2.0",$extend:detailMaps);
		}
		.phone-text{
			float:left;
		}
	}
}
.car-detail-info{
	line-height:24px;
	font-size:14px;
	padding-top:13px;
	margin-bottom:30px;
}
.edit-info{
}
%title-bgcolor{
	background: #f9f7f7;
}
%car-info{
	font-size:16px;
	line-height:35px;
	padding-left:13px;
}
.car-insurance-title{
	@extend %car-info;
	padding-bottom:5px;
	font-size:20px;
	font-weight:bold;
	.em-title{
		font-size:14px;
		font-weight:normal;
		color:#999;
	}
}
.car-detail-title{
	@extend %car-info;
}
.car-insurance-remain{
	line-height:24px;
	padding-left:13px;
	color:$color-gray-3;
}
%car-list-title{
	font-size:18px;
	line-height:46px;
	padding-left:13px;
}
.car-owner-saycar-title{
	@extend %car-list-title;
	@extend %title-bgcolor;
	font-weight:bold;
	margin-top:18px;
}
%border-color-ebebeb{
	border:1px solid #ebebeb;
}
.car-insurance-table{
	width:100%;
	font-size:14px;
	%th-td{
		text-align: center;
		@extend %border-color-ebebeb;
	}
	th{
		width:14%;
		height:35px;
		font-weight: normal;
		@extend %title-bgcolor;
		@extend %th-td;
		border-bottom:none;
		color:$color-gray-3;
	}
	td{
		word-wrap:break-word;
		word-break:break-all;
		height:35px;
		@extend %th-td;
		border-top:none;
	}
}
.car-comment-nodata{
	font-size:14px;
	padding:13px;
	height:50px;
	line-height:50px;
}
.comment-content-tr{
  border-top: 1px dashed #ebebeb;
}
.car-comment-table{
	width:100%;
	@extend %border-color-ebebeb;
	color:$color-gray-2;
	font-size:14px;
	th{
		text-align: center;
		font-weight: normal;
		@extend %title-bgcolor;
		border-bottom:none;
		height: 36px;
		font-size: 14px;
	}
	td{
		word-wrap:break-word;
		word-break:break-all;
		text-align: center;
		border-top:1px dashed #ebebeb;
		line-height: 17px;
	}
	i{
		//background:url(#{$imgurl-base}/mall/detail/icon-rate.png) no-repeat;
		@include iconItemNoSize($iconsDetail,"icon-rate",$extend:detailMaps);
		height:14px;
		width:13px;
		@include inline-block;
	}
	.comment-content{
		text-align:left;
		padding:10px 15px;
	}
	.comment-info{
		text-align:left;
		color:#e5e5e5;
	    padding: 0 15px;
	}
	.comment-info em{
		color:#BDBDBD;
	}
	.comment-time{
		margin-right:30px;
	}
}
ul.content-list{
	margin-left:-10px;
	li{
		border: 1px solid #ebebeb;
		display: inline;
		float: left;
		margin-left: 8px;
		margin-bottom: 8px;
	}
}
//车推荐
.car-guess-you-like .title-red{
	margin:40px 0 10px 0;
}
//在线客服
.car-order{
	.help-tel{
		position:absolute;
		right:100px;
		top:10px;
	}
	.border-right{
		border-right: 1px solid #ccc;
		padding:1px 10px 1px 0px;
	}
	dt.icon-phone{
		float: left;
		width: 24px;
		height: 30px;
		margin-right: 9px;
		//background:url(#{$imgurl-base}/mall/detail/icon-phone.png) no-repeat;
		@include iconItemNoSize($iconsDetail,"icon-phone-2.0",$extend:detailMaps);
	}
	dd.phone-num{
		padding-top: 2px;
		font-size: 16px;
		color:#666;
	}
	.help-service{
		right:0px;
		cursor:pointer;
		font-size:14px;
		height:32px;
		dd{
			margin:1px 0px;
			border: 1px solid #000;
			color: #000;
			border-radius: 3px;
			height: 28px;
			line-height: 28px;
			width:80px;
			text-align: center;
		}
	}

}
//90天领取弹出层  免费咨询
.popup{
	/**/
	border-bottom:1px solid #fff;
}

.consult{
	width:722px;
	border-bottom: 1px solid #fff;
	.popup-head{
		height:44px;
		padding:8px 0;
		background:#eee;
		color:#666;
		.popup-title{
			font-size:18px;
			text-align:center;
		}
		.popup-describe{
			display:block;
			font-size:14px;
			text-align:center;
			font-weight:bold;
		}
	}

}
.popup-input-box{
	margin-left:130px;
	background:#fff;
	.input-cont{
		margin-top:20px;
	}
	.label{
		width:60px;
		margin-right:20px;
		display:inline-block;
		font-size:14px;
	}
	.select{
		display:inline-block;
		width:301px;
		height:32px;
		select{
			width:100%;
			height:100%;
			border-color:#ccc;
		}
	}
	.input-text{
		width:299px;
		height:32px;
		border:1px solid #ccc;
	}
	.input-error{
		color:#ff0000;
		font-size:14px;
		display:none;
	}

}
.input-btn{
	width:301px;
	height:54px;
	line-height:54px;
	margin:50px auto;
	text-align:center;
	color:#fff;
	background-color:$color-blue-1;
	display:block;
	font-size:20px;
	font-weight:bold;
}
.input-btn:hover{
	text-decoration: none;
	color:#fff;
}
// 大额支付按钮
.car-order{
	.order-fullPayment{
		padding-left:0;
		text-align:center;
	}
}
//01-27 迭代 二手车入口
.used-car-enter{
	width:636px;
	font-size: 16px;
	.used-car-gift{
		padding:15px 0 19px 0;
		text-align: center;
		img{
			height:64px;
			width:58px;
		}
	}
	.now-sell{
		padding:6px 0;
		text-align: center;
	}
	h2{
		font-size: 28px;
		text-align: center;
		padding: 4px 0;
    	line-height: 32px;
	}
	.gift-list{
		padding: 15px 0;
		text-align: center;
	}
	.sell-btn-box{
		padding:25px 0;
		.sell-car-btn{
			display: block;
			height: 54px;
			line-height: 54px;
			width:300px;
			color:#fff;
			font-size: 20px;
			text-align: center;
			background-color: $color-blue-3;
			margin:0 auto;
		}
	}
}

/*购车方案表格*/
.car-insurance-table{
	position:relative;
	.col-l,.col-r{
		width:20px;
		height:30px;
		display:block;
		position:absolute;
		cursor: pointer;
	}
	.col-l{
		top:10px;
		left:246px;
		display:none;
		background:#666 url(#{$imgurl-base}/detail/col-l.png) no-repeat center center;
	}
	.col-r{
		top:10px;
		right:-19px;
		background:#666 url(#{$imgurl-base}/detail/col-r.png) no-repeat center center;
	}
	.table-title-list{
		float:left;
		width:267px;
		border-top:1px solid #ebebeb;
		border-left:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
	}
	.head-title{
		height:49px;
		line-height:49px;
		text-align:center;
		font-size:22px;
		font-weight:600;
		border-bottom:1px solid #ebebeb
	}
	.main-title{
		height:49px;
		line-height:49px;
		padding-left:20px;
		font-size:18px;
		font-weight:600;
		border-bottom:1px solid #ebebeb;
	}
	.sub-title{
		dt{
			height:50px;
			line-height:50px;
			padding-left:55px;
			font-size:16px;
			font-weight:bold;
			background-color:#fcfcfc;
			border-bottom:1px solid #ebebeb;
		}
		dd{
			height:40px;
			line-height:40px;
			padding-left:55px;
			font-size:16px;
			border-bottom:1px solid #ebebeb;
			color:#999;
		}
	}
	.totle-title{
		height: 49px;
        line-height: 49px;
        padding-left: 20px;
        border-bottom: 1px solid #ebebeb;
		font-size:22px;
		font-weight:bold;
	}
	.table-cont{
		position:relative;
		float:left;
		width:672px;
		border-top:1px solid #ebebeb;
		overflow:hidden;
		td{
			padding:0;
			border:0;
			border-right:1px solid #ebebeb;
		}
		p{
			height:40px;
			line-height:40px;
			font-size:16px;
			text-align:center;
			border-bottom: 1px solid #ebebeb;
			color: #999;
		}
		.head-cont{
			height:49px;
			line-height:49px;
			font-size:18px;
			text-align:center;
			background-color:$color-blue-3;
			color:#fff;
		}
		.main-cont{
			height:49px;
			line-height:49px;
			font-size:18px;
			text-align:center;
			color:$color-blue-1;
		}
		.dt-cont{
			height:50px;
			line-height:50px;
			font-size:16px;
			font-weight:bold;
			text-align:center;
			background-color:#fcfcfc;
			color:#000;
		}
		.totle-cont{
		    height: 50px;
		    line-height: 50px;
		    text-align: center;
		    font-size:22px;
		    color:$color-blue-1;
		}
		.table-box{
			position:absolute;
			top:0;
			left:0;
		}
		.table-one{
			td{
				width:100%;
			}
		}
		.table-two{
			td{
				width:50%;
			}
		}
		.table-three td{
			width:306px;
		}
		.red{
			color:$color-blue-1;
		}
	}
}
//车型参数
.config-box{height:490px;margin-top:13px;}
.fixed-box-left{width:118px;float:left;}
.fixed-box-left ul,.fixed-box-left ul li,.float-box-left ul,.float-box-left ul li,.float-box-right ul,.float-box-right ul li{float:left;}
.fixed-box-left ul li,.float-box-left ul li,.float-box-right ul li{cursor:pointer;background:url(#{$imgurl-base}/detail/params-config.png) #f9f7f7 no-repeat;width:101px;height:86px;border:1px solid #ebebeb;position: relative;color:#000;clear:both;_zoom:1;margin-bottom:10px;}
.float-box-left ul,.float-box-right ul{margin-left:13px;}
.fixed-box-left ul li.hover,.float-box-left ul li.hover,.float-box-right ul li.hover{cursor:default;background:url(#{$imgurl-base}/detail/params-config.png) #42bbef no-repeat;color:#fff;border:1px solid #42bbef;}
.fixed-box-left ul li b,.float-box-left ul li b,.float-box-right ul li b{display:none;margin:0;padding:0;background:url(#{$imgurl-base}/detail/params-config-arrow.png) no-repeat;width:13px;height:17px;position:absolute;left: 102px;top: 50%;margin-top: -9px;}
.float-box-left ul li b,.float-box-right ul li b{background:url(#{$imgurl-base}/detail/params-config-arrow.png) no-repeat 0 -17px;left:-14px;}
.fixed-box-left ul li.hover b,.float-box-left ul li.hover b,.float-box-right ul li.hover b{display:block;}
.fixed-box-left ul li span,.float-box-left ul li span,.float-box-right ul li span{padding-top:62px;font-size:14px;text-align:center;display:block;}
.fixed-box-left ul li.icon1{background-position: -2px -454px;}
.fixed-box-left ul li.icon2{background-position: -2px -544px;}
.fixed-box-left ul li.icon3{background-position: -2px -634px;}
.fixed-box-left ul li.icon4{background-position: -2px -724px;}
.fixed-box-left ul li.icon5{background-position: -2px -814px;margin-bottom:0;}
.fixed-box-left ul li.icon1.hover{background-position: -2px -4px;}
.fixed-box-left ul li.icon2.hover{background-position: -2px -94px;}
.fixed-box-left ul li.icon3.hover{background-position: -2px -184px;}
.fixed-box-left ul li.icon4.hover{background-position: -2px -274px;}
.fixed-box-left ul li.icon5.hover{background-position: -2px -364px;}
.float-box-left ul li.icon1{background-position: -107px -454px;}
.float-box-left ul li.icon2{background-position: -107px -544px;}
.float-box-left ul li.icon3{background-position: -107px -634px;}
.float-box-left ul li.icon4{background-position: -107px -724px;}
.float-box-left ul li.icon5{background-position: -107px -814px;margin-bottom:0;}
.float-box-left ul li.icon1.hover{background-position: -107px -4px;}
.float-box-left ul li.icon2.hover{background-position: -107px -94px;}
.float-box-left ul li.icon3.hover{background-position: -107px -184px;}
.float-box-left ul li.icon4.hover{background-position: -107px -274px;}
.float-box-left ul li.icon5.hover{background-position: -107px -364px;}
.float-box-right ul li.icon1{background-position: -212px -454px;}
.float-box-right ul li.icon2{background-position: -212px -544px;}
.float-box-right ul li.icon3{background-position: -212px -634px;}
.float-box-right ul li.icon4{background-position: -212px -724px;}
.float-box-right ul li.icon5{background-position: -212px -814px;margin-bottom:0;}
.float-box-right ul li.icon1.hover{background-position: -212px -4px;}
.float-box-right ul li.icon2.hover{background-position: -212px -94px;}
.float-box-right ul li.icon3.hover{background-position: -212px -184px;}
.float-box-right ul li.icon4.hover{background-position: -212px -274px;}
.float-box-right ul li.icon5.hover{background-position: -212px -364px;}
.config-box .content{float:left;width:585px;height:477px;border:1px solid #ebebeb;margin-left:1px;line-height:36px;font-size:12px;}
.config-box .content .config-info{height: 465px;padding:6px;display:none;font-size:14px;overflow-x:hidden;overflow-y:auto;}
.config-box .content .config-info.on{display:block;}
.config-box .content table td,.config-box .content table{border:none;border-collapse: collapse;}
.config-box .content tr.even{background: #f9f7f7 ;}
.config-box .content td.item{text-align: right;padding: 0 90px 0 0;width:230px;}
.fixed-box-right{width:236px;float:left;position:relative;}
.float-box-left,.float-box-right{width:118px;position: absolute;}
.float-box-left{left:0;top:0;z-index:11;}
.float-box-right{left:118px;top:0;z-index:12;}

/*咨询列表*/
.buy-ask-area{
	margin-top:45px;
}